<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>创新研发</title>
  <!-- 链入css初始化 -->
  <link rel="stylesheet" href="../../css/base.css">
  <!-- 链入头部和底部通用样式 -->
  <link rel="stylesheet" href="../../css/reset.css">
  <link rel="stylesheet" href="../../css/common.css">
  <link rel="stylesheet" href="../../css/main.css">
  <!-- 链入首页主体样式 -->
  <link rel="stylesheet" href="../../css/idangerous.swiper.css">
  <link rel="stylesheet" type="text/css" href="../../css/animate.css">
  <link rel="stylesheet" href="../../css/index.css">
  <link rel="stylesheet" type="text/css" href="../../common/common.css">
  <!-- 公共样式 -->
  <link rel="stylesheet" type="text/css" href="../../css/animate.css">
  <link rel="stylesheet" type="text/css" href="../../css/culture/list.css">
   <link rel="stylesheet" type="text/css" href="../../css/culture/cultrue.css">
  <!--[if lt IE 9]>

<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>

<![endif]-->
</head>

<body>
  <header></header>

  <div class="productList-container">
    <div class="common-container-img">
      <img class="bannerPc" src="../../img/culture/banner.jpg" alt="">
      <img class="bannerMb" src="../../img/new/banner_02.jpg" alt="">
      <ul class="common-container-type clearfix wow fadeInUpBig">
        <li  class="active">
            <img class="hides" src="../../img/select.jpg" alt="">
            <img class="icon icon1"  src="../../img/culture/icon1-1.png" alt="">
        	<img class="icon activeImg"  src="../../img/culture/icon1.png" alt="">
            <span>发展历程</span>
        </li>
        <li>
            <img class="hides" src="../../img/select.jpg" alt="">
            <img class="icon icon1"  src="../../img/culture/icon2.png" alt="">
        	<img class="icon activeImg"  src="../../img/culture/icon2-1.png" alt="">
            <span>企业文化</span>
        </li>
        <li  >
            <img class="hides" src="../../img/select.jpg" alt="">
            <img class="icon icon1"  src="../../img/culture/icon3.png" alt="">
        	<img class="icon activeImg"  src="../../img/culture/icon3-1.png" alt="">
            <span>旗下品牌</span>
        </li>
      </ul>
    </div>
    <!-- 发展历程 -->
    <div class="companyDevelopment">
        <div class="companyDevelopment-news wow fadeInUpBig">
            <!--移动端显示的图片-->
            <div class="culture-img hide"><img src="../../img/culture/img1.jpg" alt=""></div>
            <div class="companyDevelopment-news-content">
                <div class="customerTitle">王守义十三香的历史渊源</div>
                <div class="text">实验室包括物理化学检验系统、重金属检验系统、微生物检验系统和品评试验系统等，为产品的销售及出口自检提供了专业的条件和平台。
                    同时还拥有一批高素质、高学历、经验丰富的研发队伍，中心人员全部为大专以上学历，其中高级技术职称二十余人。中心配备有PEAA600原子吸收光谱仪、
                    气相色谱仪、双道原子荧光光度计、凯式定氮装置、紫外分光光度计、全自动微波消解系统等先进设备，为研发工作开展打下了良好的基础。</div>
            </div>
        </div>
        <div class="quality wow fadeInUpBig show wow fadeInUpBig">
            <div class="quality-img clearfix ">
                <div class="pull-left col-lg-12 first">

                    <div class="quality-img-show"><img src="../../img/culture/img1.jpg" alt=""></div>
                    <!-- <div class="quality-img-title">老董事长配料</div> -->
                </div>
                <!-- <div class="pull-left col-lg-4 ">

                    <div class="quality-img-show"><img src="../../img/culture/img2.jpg" alt=""></div>
                    <div class="quality-img-title">十三香大门侧效果</div>
                </div> -->
            </div>
        </div>
    </div>
    <!-- 企业文化 -->
    <div class="companyDevelopment displayNone">
        <div class="companyDevelopment-news wow fadeInUpBig">
          <div class="companyDevelopment-news-content">

            <div class="text">
              公司在多年的发展过程中，形成和积淀了浓厚的亲情文化、诚信文化、和谐文化等企业文化。“进了十三香的门，都是一家人”一直是公司坚持的优良传统，公司把员工当作亲人看待，既提供优厚的福利待遇，又提供成长发展的平台，全体员工亲如一家。坚持“以质量求生存，以信誉求发展”，赢得了合作伙伴与广大用户的高度信赖，建立了稳固的原料供应和产品销售网络。坚持“发扬传统美德，打造和谐团队”，用传统美德教人育人，建设了一支德才兼备的人才队伍，全体员工一心一意助力企业发展，把企业当家建。独特而厚重、先进而自信的十三香文化，像阳光和雨露一样哺育着十三香不断成长壮大。
            </div>
          </div>
        </div>
        <ul class="customerList wow fadeInUpBig">
          <li class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
            <div>
              <img src="../../img/culture/t1.png">
              <p>
                <span class="t">核心价值观</span>
                <span class="en bannerPc">CORE VALUES.</span>
                <span class="des">以人为本、用户至上、质量兴企</span>
              </p>

            </div>
          </li>
          <li class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
            <div>
              <img src="../../img/culture/t2.png">
              <p>
                <span class="t">企业使命</span>
                <span class="en bannerPc">Corporate mission.</span>
                <span class="des">让中国人吃上正宗的调料</span>
              </p>
            </div>
          </li>
          <li class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
            <div>
              <img src="../../img/culture/t3.png">
              <p>
                <span class="t">企业愿景</span>
                <span class="en bannerPc">Corporate vision.</span>
                <span class="des">打造全国一流民营企业</span>
              </p>
            </div>
          </li>
          <li class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
            <div>
              <img src="../../img/culture/t4.png">
              <p>
                <span class="t">企业发展</span>
                <span class="en bannerPc">Enterprise development.</span>
                <span class="des">打造传统而智能化现代企业</span>
              </p>
            </div>
          </li>
        </ul>
        <!--轮播-->
        <div class="customer-swiper ">
          <div class="swiper-container">
            <span class="arrow-left"></span>
            <span class="arrow-right"></span>
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <img class="" src="../../img/banner1.jpg" alt="">
              </div>
              <div class="swiper-slide">
                <img class="" src="../../img/banner3.jpg" alt="">
              </div>
              <div class="swiper-slide">
                <img class="" src="../../img/banner4.jpg" alt="">
              </div>
            </div>
          </div>

        </div>
      </div>
    <!-- 旗下品牌 -->
    <div class="companyDevelopment displayNone">  
      <div class="companyDevelopment-news wow fadeInUpBig">
        <div class="companyDevelopment-news-content">
          <!-- <div class="title">2008年公司设立了研发中心，按照高标准建成了研发能力强、具有国内先进水平的中心实验室。</div> -->
          <div class="text">实验室包括物理化学检验系统、重金属检验系统、微生物检验系统和品评试验系统等，为产品的销售及出口自检提供了专业的条件和平台。
            同时还拥有一批高素质、高学历、经验丰富的研发队伍，中心人员全部为大专以上学历，其中高级技术职称二十余人。中心配备有PEAA600原子吸收光谱仪、
            气相色谱仪、双道原子荧光光度计、凯式定氮装置、紫外分光光度计、全自动微波消解系统等先进设备，为研发工作开展打下了良好的基础。</div>
        </div>
      </div>
      <div class="culture-img wow fadeInUpBig">
          <img src="../../img/culture/bottom.jpg" alt="">
        </div>
    </div>

  </div>
  <footer></footer>

  <script src="../../js/jquery-1.11.3.min.js"></script>
  <script src="../../public/idangerous.swiper.min.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/wow/1.1.2/wow.min.js"></script>
  <script src="../../js/common.js"></script>
  <script type="text/javascript">
    $(function () {
      $('header').load('../../template/header.html')
      $('footer').load('../../template/footer.html')
      if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
        new WOW().init();
      };
    //   点击切换tab
    $(".common-container-type li").click(function() {
        $(this).addClass('active').siblings().removeClass('active'); // 添加当前元素的样式
       var idx=$(this).index()
       $('.companyDevelopment').eq(idx).show().siblings('.companyDevelopment').hide()
       if(idx==1){
        swiperRun()
       }
    })
      
      function swiperRun() {
        // 横向滚动
        var viewSwiper = new Swiper('.swiper-container', {
          autoplay: 1000,
          visibilityFullFit: true,
          speed: 1500,
          loop: true,
          grabCursor: true,          
          calculateHeight : true, //自动适应图片的高度
          updateOnImagesReady : true,//当所有的内嵌图像（img标签）加载完成后Swiper会重新初始化。
          observer:true,
          observeParents:true,//启动动态检查器,当改变swiper的样式（例如隐藏/显示）或者修改swiper的子元素时，自动初始化swiper  
          autoplayDisableOnInteraction: false, //防止手动拖拽后失效
          onSlideChangeStart: function () {
            // updateNavPosition()
          }
        })

        $('.arrow-left').on('click', function (e) {
          e.preventDefault()
          if (viewSwiper.activeIndex == 0) {
            viewSwiper.swipeTo(viewSwiper.slides.length - 1, 1000);
            return
          }
          viewSwiper.swipePrev()
        })
        $('.arrow-right').on('click', function (e) {

          e.preventDefault()
          if (viewSwiper.activeIndex == viewSwiper.slides.length - 1) {
            viewSwiper.swipeTo(0, 1000);
            return
          }
          viewSwiper.swipeNext()
        })

        function updateNavPosition() {
          $('.preview .active-nav').removeClass('active-nav')
          var activeNav = $('.preview .swiper-slide').eq(viewSwiper.activeIndex).addClass('active-nav')
          if (!activeNav.hasClass('swiper-slide-visible')) {
            if (activeNav.index() > previewSwiper.activeIndex) {
              var thumbsPerNav = Math.floor(previewSwiper.width / activeNav.width()) - 1
              previewSwiper.swipeTo(activeNav.index() - thumbsPerNav)
            } else {
              previewSwiper.swipeTo(activeNav.index())
            }
          }
        }
      }
    })



  </script>
</body>

</html>